<template>
  <div id="app">
    <div class="content" :class="{tabar: $route.meta.footShow}">
      <router-view v-if="isRouterAlive" />
    </div>
    <v-tabar></v-tabar>
  </div>
</template>

<script>
import tabar from '@/components/main/tabar'
export default {
  name: 'App',
  provide (){
    return {
      reload:this.reload
    }
  },
  data () {
    return {
      isRouterAlive: true
    }
  },
  components:{
    "v-tabar":tabar
  },
  methods:{
    reload (){
      var that =this
      that.isRouterAlive = false
      that.$nextTick(()=>{
        that.isRouterAlive =true
      })
    }
  }
}
</script>

<style lang="less">
#app{
  height: 100%;
}
.content.tabar{
  margin-bottom: 76px;
}
</style>
